<!DOCTYPE html>
<html lang="en"
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui"
>
<h:head>
</h:head>
<h:body>
  <ui:composition template="../templates/template.xhtml">
  	<ui:define name="main-content">
		<div class="error-container">
			<div class="well">
				<h1 class="grey lighter smaller">
					<span class="blue bigger-125">
						<i class="icon-sitemap"></i>
						404
					</span>
					Page Not Found
				</h1>
		
				<hr />
				<h3 class="lighter smaller">We looked everywhere but we couldn't find it!</h3>
		
				<div>
					<form class="form-search">
						<span class="input-icon">
							<i class="icon-search"></i>
		
							<input type="text" class="input-medium search-query" placeholder="Give it a search..." />
						</span>
						<button class="btn btn-small" onclick="return false;">Go!</button>
					</form>
		
					<div class="space"></div>
					<h4 class="smaller">Try one of the following:</h4>
		
					<ul class="unstyled spaced inline bigger-110">
						<li>
							<i class="icon-hand-right blue"></i>
							Re-check the url for typos
						</li>
		
						<li>
							<i class="icon-hand-right blue"></i>
							Read the faq
						</li>
		
						<li>
							<i class="icon-hand-right blue"></i>
							Tell us about it
						</li>
					</ul>
				</div>
		
				<hr />
				<div class="space"></div>
		
				<div class="row-fluid">
					<div class="center">
						<a href="#" class="btn btn-grey">
							<i class="icon-arrow-left"></i>
							Go Back
						</a>
		
						<a href="#{request.contextPath}/index.jsf" class="btn btn-primary">
							<i class="icon-dashboard"></i>
							Dashboard
						</a>
					</div>
				</div>
			</div>
		</div>
		</ui:define>
   </ui:composition>
</h:body>
</html>